<template>
	<div class="">
		<div class="re_main">
			<div class="re_left">
				<div class="re_top">
					<div class="re_top_left"><span style="cursor: pointer;" @click="all">全部</span> > 共为您找到 {{inglen}}
						个相关结果</div>
					<div class="re_top_right">
						<input type="text" autocomplete="off" v-model="word" class="form-control search_inp"
							placeholder="这里输入关键词">
						<div class="sea_btn sear_btns" @click="page=1;naes=word;getlist()">
							<img src="@assets/images/search.png" alt="">
							搜索
						</div>
						<!-- 	<div class="down_btn sear_btns" @click="">
						<img src="@assets/images/logout-rounded.png" alt="">
						导出
					</div> -->
						<div class="addre_btn sear_btns" @click="openalert('add')"
							v-if="$permissions.indexOf(55)  != -1">
							<img src="@assets/images/add.png" alt="">
							添加知识库
						</div>
					</div>

				</div>
				<div class="list">
					<h2 class="tcent" v-if="list.length ==0">暂时没有数据</h2>
					<div v-else>
						<div class="lis" v-for="item in list" @click="goinfo(item.id)">
							<div class="li_title">
								<div>{{item.faultDescription}}</div>
							</div>
							<div class="li_info">{{item.illustrate}}</div>
							<div class="li_bto">
								<span>{{item.createDate}}</span>
								<span>{{item.createName}}</span>
								<span>引用次数：{{item.quote}}</span>
								<span>评论次数：{{item.comment}}</span>
								<span>浏览量：{{item.browse}}</span>
								<span>分类：{{item.faultType}}</span>
							</div>
						</div>

					</div>

					<div class="page_box">
						<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
							:current-page="page" :page-sizes="[10, 30, 60, 100]" :page-size="limit"
							layout="total, sizes, prev, pager, next, jumper" :total="inglen">
						</el-pagination>
					</div>
				</div>

			</div>
			<div class="re_right">
				<div class="re_right_top">
					<div>知识分类</div>
					<div class="all_type" @click="all">
						<img src="../../assets/images/reflush.png" alt="">
						全部知识库
					</div>
				</div>
				<div class="re_tree">
					<ul id="treeDemo2" class="ztree" @select="choseroom"></ul>
				</div>
			</div>

		</div>


		<!--知识分类弹窗-->
		<div :class="alert_show2?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show2?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600"
				style="justify-content: center;width: 600px;height: 70vh;margin: calc(50vh - 35vh) auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>知识分类
							<div class="right" @click="alert_show2=false;typesearch = '';gettypetree()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height:calc(70vh - 200px)">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="gettypetree"
										placeholder="输入关键字" v-model="typesearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="gettypetree">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="typesearch">
								<div v-if="typetree.length > 0">
									<div class="li" v-for="item in typetree" @click="sear_chosetype(item)">{{item.name}}
									</div>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="typesearch == ''?'display:block':'display:none'">
								<ul id="treeDemo4" class="ztree" @select="choseroom4"></ul>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show2=false;typesearch = '';gettypetree()">确定</button>
							<button class="btn btn-info"
								@click="alert_show2=false;typesearch = '';gettypetree()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--知识分类弹窗-->
		<div :class="alert_show3?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show3?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600"
				style="justify-content: center;width: 600px;height: 70vh;margin: calc(50vh - 35vh) auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>故障原因
							<div class="right" @click="alert_show3=false;coursesearch='';getcoursetree()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height:calc(70vh - 200px)">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="getcoursetree"
										placeholder="输入关键字" v-model="coursesearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="getcoursetree">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="coursesearch">
								<div v-if="coursetree.length > 0">
									<div class="li" v-for="item in coursetree" @click="sear_chosecourse(item)">
										{{item.name}}
									</div>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="coursesearch == ''?'display:block':'display:none'">
								<ul id="treeDemo5" class="ztree" @select="choseroom5"></ul>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show3=false;coursesearch='';getcoursetree()">确定</button>
							<button class="btn btn-info"
								@click="alert_show3=false;coursesearch='';getcoursetree()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--知识库添加-->
		<div :class="alert_show?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="alert_show?'display: block;z-index:199':''" id="add">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>知识库
							<div class="right" @click="closeadd">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="modal-body h100">
							<div class="alert_mains">
								<div class="form-group pl-160">
									<label style="width: 80px;"><em class="red">*</em>问题描述：</label>
									<div class="input-cont">
										<input type="text" autocomplete="off" class="form-control"
											v-model="info.faultDescription" placeholder="请填写描述">
									</div>
								</div>
								<div class="row">
									<div class="col-sm-6">
										<div class="form-group pl-160">
											<label style="width: 80px;"><em class="red">*</em>知识分类：</label>
											<div class="input-cont">
												<el-autocomplete class="inline-input" v-model="faultTypename"
													value-key="name" :fetch-suggestions="querySearch"
													placeholder="支持五笔、拼音、名字搜索，右侧按钮选择" @select="handleSelect">
												</el-autocomplete>
												<span class="iconfont icon-list"
													@click="alert_show2=!alert_show2"></span>
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group pl-160">
											<label style="width: 80px;">故障原因：</label>
											<div class="input-cont">
												<el-autocomplete class="inline-input" v-model="faultCausename"
													value-key="name" :fetch-suggestions="querySearch2"
													placeholder="支持五笔、拼音、名字搜索，右侧按钮选择" @select="handleSelect2">
												</el-autocomplete>
												<span class="iconfont icon-list"
													@click="alert_show3=!alert_show3"></span>
											</div>
										</div>
									</div>
								</div>
								<!-- 	<div class="row">
									<div class="col-sm-6">
										<div class="form-group pl-160">
											<label style="width: 108px;">业务部门电话：</label>
											<div class="input-cont" style="left: 25px;width: calc(100% - 25px);">
												<input type="text" autocomplete="off" class="form-control"
													v-model="info.faultDescription" placeholder="请填写业务部门电话">
											</div>
										</div>
									</div>
								</div> -->

								<div class="form-group pl-160">
									<label style="width: 80px;">症状：</label>
									<div class="input-cont">
										<textarea name="" id="" class="form-control" autocomplete="off"
											v-model="info.symptom" placeholder="这里输入问题症状，如故障发生时的具体表现" cols="30"
											rows="10"></textarea>
									</div>
								</div>
								<div class="form-group pl-160">
									<label style="width: 80px;">解决办法：</label>
									<div class="input-cont">
										<quill-editor v-model="info.solveMethod" ref="myQuillEditor"
											@change="onchange($event)" :options="editorOption"></quill-editor>
										<span class="nums">{{nums}}/100000</span>
									</div>
								</div>

								<div class="form-group pl-160">
									<label style="width: 80px;">附件上传：</label>
									<div class="input-cont">
										<el-upload class="upload-demo" ref="upload" :headers="{'Authorization':token}"
											:data="{project:'zsk'}" :action="$url+'/file/upload'"
											:before-upload="beforeUpload" :show-file-list="false" :multiple="true"
											:file-list="fileList" :on-success="uploadsuc" :auto-upload="true">
											<!-- <el-button slot="trigger" size="small" type="primary">选取文件</el-button> -->
											<div class="upload_btn">
												<img src="../../assets/images/upload.png" alt="">点击上传
											</div>
										</el-upload>

										<div class="upload_list">
											<div class="up_li" v-for="item,index in files">
												<div class="file_name">
													<div class="file_name_left"><img
															src="../../assets/images/upload.png" alt="">{{item}}</div>
													<div class="file_name_right">
														<div class="file_check" @click="check_file($url+item)">查看</div>
														<div class="file_del" @click="del_file(index)">删除</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

								<div class="rep_btns">
									<div class="rep_sub" @click="add_sub">
										<img src="../../assets/images/bc.png" alt="">保存
									</div>

									<div class="clo_sub" @click="closeadd">
										<img src="../../assets/images/close.png" alt="">关闭
									</div>
								</div>
							</div>


						</div>

					</div>
				</div>
			</div>
		</div>


		<!--选择工程师弹窗-->
		<div :class="alert_enger?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_enger?'display: flex;align-items: center;z-index:199;':'z-index:199;'">
			<div class="cent w600" style="justify-content: center;width: 712px !important;height:600px;">
				<div class="modal-dialog" role="document" style="width: 100%;">
					<div class="modal-content" style="">
						<div class="modal-header tit">
							<em></em>工程师选择
							<div class="right" @click="alert_enger=false">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="padding: 15px 27px;height: 450px;">
							<div class="chosed" v-if="enrname==''">暂未选择工程师</div>
							<div class="chosed" v-else>已选择：{{enrname}}</div>

							<!-- <div class="al_box">
								<div class="enr_title">常用联系人 <span>设置</span></div>
								<div class="enr_list">没有常用联系人</div>
							</div> -->

							<div class="al_box" v-for="item in enrlist">
								<div class="enr_title">{{item.name}}</div>
								<div class="enr_list">
									<div class="enr_li" v-for="item2 in item.children">
										<input type="radio" name="choses" @change="changename(item2.realName)"
											:value="item2.id" v-model="info.examineId"
											:id="item2.realName+item2.id"><label :for="item2.realName+item2.id"></label>
										<label :for="item2.realName+item2.id"
											style="margin-bottom: 0;">{{item2.realName}}</label>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary" @click="doadd(1)">送审核</button>
							<button class="btn btn-info" @click="doadd(0)">暂不送审核</button>
						</div>
					</div>
				</div>
			</div>
		</div>



		<!--知识库-->
		<div :class="showadd?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showadd?'display: block;z-index:199':''" id="add">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>知识库
							<div class="right" @click="backwork">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="alert_main">
							<div class="re_right">
								<div class="re_right_top">
									<div>知识分类</div>
									<div class="all_type" @click="all">
										<img src="../../assets/images/reflush.png" alt="">
										全部知识库
									</div>
								</div>
								<div class="re_tree" style="height: calc(100% - 57px);">
									<ul id="treeDemo3" class="ztree" @select="choseroom3"></ul>
								</div>
							</div>
							<div class="re_left">
								<div class="re_top">
									<div class="re_top_left"><span style="cursor: pointer;" @click="all">全部</span> >
										共为您找到 {{inglen}} 个相关结果</div>
									<div class="re_top_right">
										<input type="text" autocomplete="off" v-model="word"
											class="form-control search_inp" placeholder="这里输入关键词">
										<div class="sea_btn sear_btns" @click="page=1;naes=word;getlist()">
											<img src="@assets/images/search.png" alt="">
											搜索
										</div>
									</div>
								</div>
								<div class="list">
									<h2 class="tcent" v-if="list.length ==0">暂时没有数据</h2>
									<div v-else>
										<div class="lis" v-for="item,index in list" @click="goinfo(item.id)">
											<div class="li_title">
												<span @click="useit(index)">引用</span>
												<div>{{item.faultDescription}}</div>
											</div>
											<div class="li_info">{{item.illustrate}}</div>
											<div class="li_bto">
												<span>{{item.createDate}}</span>
												<span>{{item.createName}}</span>
												<span>引用次数：{{item.quote}}</span>
												<span>评论次数：{{item.comment}}</span>
												<span>浏览量：{{item.browse}}</span>
												<span>分类：{{item.faultType}}</span>
											</div>
										</div>

									</div>

									<div class="page_box">
										<el-pagination @size-change="handleSizeChange"
											@current-change="handleCurrentChange" :current-page="page"
											:page-sizes="[10, 30, 60, 100]" :page-size="limit"
											layout="total, sizes, prev, pager, next, jumper" :total="inglen">
										</el-pagination>
									</div>
								</div>

							</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<!--知识库详情-->
		<div :class="showinfo?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showinfo?'display: block;z-index:199':''" id="add">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>知识库
							<div class="right" @click="showinfo=false;comment=''">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="alert_main_info">
							<div class="info_title">{{info_obj.faultDescription}}</div>
							<div class="li_bto">
								<span>{{info_obj.createDate}}</span>
								<span>{{info_obj.createName}}</span>
								<span>引用次数：{{info_obj.quote}}</span>
								<span>评论次数：{{info_obj.comment}}</span>
								<span>浏览量：{{info_obj.browse}}</span>
								<span>分类：{{info_obj.faultType}}</span>
							</div>
							<div class="info_symptom">症状：{{info_obj.symptom}}</div>
							<div class="info_deail" v-html="info_obj.solveMethod"></div>
							<div class="info_fu_title">附件</div>
							<div class="papers" v-if="info_obj.enclosure.length"
								v-for="item,index in info_obj.enclosure">
								<div @click="check_file($url+'/'+item)"><img src="../../assets/images/upload.png"
										alt="">
									{{item}}
								</div>
								<div class="download" @click="file_down(index)">下载</div>
							</div>

							<div class="info_fu_title mart25">评论</div>
							<div class="coms_list">
								<div class="nocom" v-if="!info_obj.commentByZskInfoId">暂无评论！</div>
								<div class="nocom" v-for="item in info_obj.commentByZskInfoId" v-else>
									{{item.createName}} : {{item.comment}}
								</div>
							</div>

							<div class="combox">
								<textarea v-model="comment" name="" id=""></textarea>
							</div>

							<div class="com_btns">
								<div class="com_sub" @click="comit">评论</div>
								<div class="com_clo" @click="showinfo=false;comment=''">关闭</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="loading-content" v-if="showloading">
			<div class="loading-spinner">
				<svg viewBox="25 25 50 50" class="circular">
					<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
				</svg>
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</template>

<script type="text/babel">
	import $ from 'jquery'
	
	import {quillEditor, Quill} from 'vue-quill-editor'
	
	import '@/assets/css/size-set.css'
	let fontSizeStyle = Quill.import('attributors/style/size')
	fontSizeStyle.whitelist = [
	  '10px',
	  '12px',
	  '14px',
	  '16px',
	  '18px',
	  '20px',
	  '22px',
	  '24px',
	  '26px',
	  '28px',
	  '30px',
	  '32px',
	  '36px',
	  '38px',
	  '40px',
	  '45px',
	  '50px',
	  // false
	]
	
	Quill.register(fontSizeStyle, true)
	const toolbarOptions = [
	
	  ['bold', 'italic', 'underline', 'strike'], 
	  ['blockquote', 'code-block'], 
	  [{ size: fontSizeStyle.whitelist }], //重点是添加这个，其他的本来就有的
	  // [{ 'size': ['12', false, '16', '18', '20', '24', '28', '32', '36'] }], // 字体大小
	  [{ header: 1 }, { header: 2 }], 
	  [{ list: 'ordered' }, { list: 'bullet' }],
	  [{ script: 'sub' }, { script: 'super' }], 
	  [{ indent: '-1' }, { indent: '+1' }], 
	  [{ direction: 'rtl' }], 
	  [{ header: [1, 2, 3, 4, 5, 6, false] }],
	  [{ color: [] }, { background: [] }], 
	  [{ font: [] }], 
	   // [{ 'font': [false, 'heiti', 'songti', 'kaiti', 'lishu', 'arial', 'monospace'] }], // 字体 false默认微软雅黑，其他可删减
	  [{ align: [] }], 
	 
	  ['clean'], 
	]
	  

	export default {
		name: "",
		data() {
			return {
				to:"",
				nums:0,
				editorOption: {
					placeholder:'请输入内容',
				    modules: {
						toolbar:  toolbarOptions,
						clipboard: {
						  // 粘贴版，处理粘贴时候带图片
						  matchers: [[Node.ELEMENT_NODE, this.handleCustomMatcher]],
						},
				    }
				},
				info:{faultDescription:"",faultTypeId:"",examineId:''},
				
				showadd:false,
				showinfo:false,
				showloading: false,
				setting: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom
					}
				},
				zNodes: [],
				treeClickCount:0,
				setting3: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom3
					}
				},
				treeClickCount3:0,
				list:[],
				page:1,
				limit: 10,
				inglen: 0,
				word:'',
				naes:'',
				alert_show: false,
				alert_show2: false,
				alert_show3: false,
				alert_enger: false,
				pid:'',
				typesearch:'',
				coursesearch:'',
				faultTypename:"",
				faultCausename:"",
				token:"",
				files:[],
				filesid:[],
				fileList: [],
				enrlist: [],
				
				setting4: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom4
					}
				},
				setting5: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom5
					}
				},
				info_obj:{},
				comment:"",
				enrname:"",
				infoid:"",
				
				coursetree:[],
				typetree:[],
			}
		},

		mounted() {
			
			this.token = sessionStorage.getItem('token')
			this.getrooms();
			this.getrooms2();
			
			this.getalltype();
			this.getallcourse();
			
			this.getcoursetree();
			this.gettypetree();
			this.getlist();
			this.getenrlist();
			if(this.$route.params.key == 'open'){
				this.showadd=true
				this.to = this.$route.params.to
			}
		},

		methods: {
			handleCustomMatcher (node, Delta) {
			    let ops = []
			    Delta.ops.forEach(op => {
			        if (op.insert && typeof op.insert === 'string') {// 如果粘贴了图片，这里会是一个对象，所以可以这样处理
			            ops.push({
			                insert: op.insert,
			            })
			        } else {
			            if (op.insert.image.includes('file://')) {  //本地图片会使文件file开头
						console.log(op.insert.image)
						ops.push({
						    insert: op.insert.image,
						})
			                // this.$message.warning('不允许粘贴图片,请手动上传')
			            } else {
			                ops.push({
			                    insert: op.insert,
			                })
			            }
			        }
			    })
			    Delta.ops = ops
			    return Delta
			},
			beforeUpload(e){
			
				this.showloading=true
				const fd = new FormData();
				 fd.append("file", e);
				 fd.append("project", 'zsk');
				 fd.append("secret", this.$md5(e.name + 'gd' + e.size));
				
				var that = this
				this.$http.post(this.$url + '/file/upload', fd, {
						headers: {
							'Content-Type': 'multipart/form-data; boundary=something'
						}
					})
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						if(response.data.code != 0){
							that.$Toast(response.data.msg)
							that.showloading=false
							return
						}
						
						that.files.push(response.data.data.relativePath)
						that.filesid.push(response.data.data.id)
						that.showloading=false
					})
					.catch(function(error) {
						console.log(error);
					});
					
				return false
				
			},
			onchange(e){
				e.quill.deleteText(100000,4)
				// if(this.nums == ''){
				// 	this.nums = 0
				// }else{
					this.nums = e.quill.getLength()-1
					
					var quill = this.$refs.myQuillEditor.quill
					quill.setSelection(e.quill.getLength()+1)
				// }
			},
			file_down(i){
				console.log(this.info_obj)
				var enclosureId = this.info_obj.enclosureId.split(',')
				// window.open(this.$url+'/file/downloadFile?url='+this.$url + url);
			var that = this
				var param = {filed:enclosureId[i]}
				this.$http.post(this.$url + '/file/download', this.$qs.stringify(param))
					.then(function(response) {
						const blob = new Blob([response.data]);
						     const fileName = that.info_obj.enclosure[i];
						     if ("download" in document.createElement("a")) {
						       // 非IE下载
						       const elink = document.createElement("a");
						       elink.download = fileName;
						       elink.style.display = "none";
						       elink.href = URL.createObjectURL(blob);
						       document.body.appendChild(elink);
						       elink.click();
						       URL.revokeObjectURL(elink.href); // 释放URL 对象
						       document.body.removeChild(elink);
						     } else {
						       // IE10+下载
						       navigator.msSaveBlob(blob, fileName);
						     }
						})
			},
			doadd(type){
				var that = this
				
				if(type==1 && !this.info.examineId){
					that.$Toast('请选择工程师');
					return
				}
				if(type == 0){
					this.info.examineId = ''
				}
				var param = {
					faultDescription:this.info.faultDescription,
					faultTypeId:this.info.faultTypeId,
					faultCauseId:this.info.faultCauseId,
					symptom:this.info.symptom,
					solveMethod:this.info.solveMethod,
					enclosure:this.info.enclosure,
					enclosureId:this.info.enclosureId,
					examineId:this.info.examineId
				}
				
				this.$http.post(this.$url + '/knowledge/saveOrUpdate',this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.info={faultDescription:"",faultTypeId:""}
						 
						 that.$Toast(response.data.msg);
						 that.info.examineId = ''
						 that.enrname = ''
						 that.alert_show = false
						 that.alert_enger = false
						 that.getlist()
						
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			changename(name){
				this.enrname = name
			},
			comit(){
				this.comment = this.comment.trim()
				if(this.comment==''){
					this.$Toast('请填写评论内容');
					return
				}
				
				var param = {
					zsInfoId:this.info_obj.id,
					comment:this.comment
				}
				var that = this
				this.$http.post(this.$url + '/knowledge/comment', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
						that.$Toast(response.data.msg);
						that.getlist()
						that.goinfo(that.infoid)
						// that.showinfo =false
						that.comment = ''
						})
						.catch(function(error) {
							
							that.$Toast('网络拥堵，刷新一下');
						});
			},
			goinfo(id){
				var param = {
					id:id
				}
				this.infoid = id
				var that = this
				this.$http.post(this.$url + '/knowledge/detail', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
						that.info_obj = response.data.data
						that.info_obj.enclosure =that.info_obj.enclosure?that.info_obj.enclosure.split(','):[]
						that.showinfo = true
						})
						.catch(function(error) {
							
							that.$Toast('网络拥堵，刷新一下');
						});
			},
			geted(){
				var that = this
				var url = encodeURI(that.$url + '/fault/cause/select?name='+that.faultCausename)
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 if(response.data.data.length == 0){
							 that.info.faultCauseId = ''
						 }else{
						 	 that.info.faultCauseId = response.data.data[0].id
						 }
						 that.alert_enger = true
						
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			add_sub(){
				this.info.faultDescription = this.info.faultDescription.trim()
				if(this.info.faultDescription==''){
					this.$Toast('请填写问题描述');
					return
				}
				if(this.info.faultTypeId=='' || this.faultTypename == ''){
					this.$Toast('请选择知识分类');
					return
				}
				
				this.info.enclosure = this.files.join(',')
				this.info.enclosureId = this.filesid.join(',')
			
				if(this.faultTypename){
					var that = this
					var url = encodeURI(this.$url + '/fault/type/select?name='+this.faultTypename)
					
					this.$http.get(url)
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							if(response.data.data.length == 0){
								that.info.faultTypeId=''
								that.$Toast('请选择知识分类');
								return
							}else{
								 that.info.faultTypeId = response.data.data[0].id
							}
							if(that.faultCausename){
								that.geted()
							}else{
								that.info.faultCauseId = ''
								that.alert_enger = true
							}
							
						})
						.catch(function(error) {
						});
				}else{
					that.geted()
				}
				
			},
			querySearch2(queryString, cb) {
			       var restaurants = this.restaurants2;
			       var results = queryString ? restaurants.filter(this.createFilter2(queryString)) : restaurants;
			       // 调用 callback 返回建议列表的数据
			       cb(results);
			     },
			     createFilter2(queryString) {
			       return (restaurant) => {
			         return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			       };
			     },
			handleSelect2(item) {
				this.info.faultCauseId = item.id
			},
			// 获取所有故障原因
			getallcourse() {
				var that = this
				this.$http.get(this.$url + '/fault/cause/select?name=')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.restaurants2 = response.data.data;
					})
					.catch(function(error) {
					});
			},
			// 获取所有故障分类
			getalltype() {
				var that = this
				this.$http.get(this.$url + '/fault/type/select?name=')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.restaurants = response.data.data;
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			 querySearch(queryString, cb) {
			        var restaurants = this.restaurants;
			        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			        // 调用 callback 返回建议列表的数据
			        cb(results);
			      },
			      createFilter(queryString) {
			        return (restaurant) => {
			          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			        };
			      },
			handleSelect(item) {
				this.info.faultTypeId = item.id
			},
			openalert(type,index){
				this.type=type
				if(index !=undefined){
					this.info=this.list[index]
					this.faultTypename=this.info.faultType
					this.faultCausename=this.info.faultCause
					this.fileList = [{name:this.info.enclosure}]
					this.files = [this.info.enclosure]
					this.filesid = [this.info.enclosureId]
				}else{
					this.info = {faultDescription:"",faultTypeId:""}
					this.files=[]
					this.filesid=[]
					this.fileList=[]
					this.faultTypename=''
					this.faultCausename=''
				}
				this.alert_show=true
			
			},
			closeadd(){
				var that = this
				that.info.faultTypeId=''
				that.info.faultDescription=''
				that.info.enclosure=''
				that.info.symptom=''
				that.files=[]
				that.filesid=[]
				that.fileList=[]
				that.faultTypename=''
				that.faultCausename=''
				that.alert_show = false
			},
			uploadsuc(file, fileList){
				 console.log(file);
				 this.files.push(file.data.relativePath)
				 this.filesid.push(file.data.id)
			},
			// 故障原因选择
			choseroom2(data, node, treeNode) {
				this.treeClickCount++;
				if (this.treeClickCount >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount == 1) {
						this.treeClickCount = 0;
						console.log('单击事件,可在此处理对应逻辑')
						this.info.faultCauseId = treeNode.id
						this.faultCausename = treeNode.nodeName
					} else if (this.treeClickCount > 1) {
						this.treeClickCount = 0;
						this.ztree_obj2.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 添加弹窗内故障原因选择
			choseroom5(data, node, treeNode) {
				this.treeClickCount++;
				if (this.treeClickCount >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount == 1) {
						this.treeClickCount = 0;
						console.log('单击事件,可在此处理对应逻辑')
						this.info.faultCauseId = treeNode.id
						this.faultCausename = treeNode.nodeName
					} else if (this.treeClickCount > 1) {
						this.treeClickCount = 0;
						this.ztree_obj5.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 添加弹窗内故障分类选择
			choseroom4(data, node, treeNode) {
				this.treeClickCount++;
				if (this.treeClickCount >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount == 1) {
						this.treeClickCount = 0;
						console.log('单击事件,可在此处理对应逻辑')
						this.info.faultTypeId = treeNode.id
						this.faultTypename = treeNode.nodeName
					} else if (this.treeClickCount > 1) {
						this.treeClickCount = 0;
						this.ztree_obj4.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 故障分类选择
			// choseroom(data, node, treeNode) {
			// 	this.treeClickCount++;
			// 	if (this.treeClickCount >= 2) {
			// 		return;
			// 	}
			// 	this.timer = window.setTimeout(() => {
			// 		if (this.treeClickCount == 1) {
			// 			this.treeClickCount = 0;
			// 			console.log('单击事件,可在此处理对应逻辑')
			// 			this.info.faultTypeId = treeNode.id
			// 			this.faultTypename = treeNode.nodeName
			// 		} else if (this.treeClickCount > 1) {
			// 			this.treeClickCount = 0;
			// 			this.ztree_obj.cancelSelectedNode();
			// 			console.log('双击事件,可在此处理对应逻辑')
			// 		}
			// 	}, 300);
			// },
			// 获取故障原因
			getrooms2() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.get(this.$url + '/fault/selectparentId?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes5 = response.data.data
						that.ztree_obj5 = $.fn.zTree.init($("#treeDemo5"), that.setting5, that.zNodes5);
						var  nodes4 = that.ztree_obj5.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj5.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 获取故障分类
			getrooms() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.get(this.$url + '/fault/type/tree?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes = response.data.data
						that.ztree_obj = $.fn.zTree.init($("#treeDemo2"), that.setting, that.zNodes);
						that.ztree_obj4 = $.fn.zTree.init($("#treeDemo4"), that.setting, that.zNodes);
						var  nodes = that.ztree_obj.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj.expandNode(nodes[i],  true ,  false ,  true );
						}
						var  nodes4 = that.ztree_obj4.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj4.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 获取故障原因树状图搜索
			getcoursetree() {
				var that = this
				var url = encodeURI(this.$url + '/fault/cause/select?name='+this.coursesearch)
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.coursetree = response.data.data;
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 获取搜索的故障分类
			gettypetree() {
				var that = this
				var url = encodeURI(this.$url + '/fault/type/select?name='+this.typesearch)
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.typetree = response.data.data;
						 that.$forceUpdate()
					})
					.catch(function(error) {
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 故障原因搜索结果点击
			sear_chosecourse(item){
				this.info.faultCauseId = item.id
				this.faultCausename = item.name
				this.coursesearch = item.name
			},
			// 知識分類搜索结果点击
			sear_chosetype(item){
				this.info.faultTypeId = item.id
				this.faultTypename = item.name
				this.typesearch = item.name
			},
			check_file(url){
					   window.open(url, '_blank');
			},
			del_file(i){
				this.files.splice(i,1)
				this.filesid.splice(i,1)
				this.fileList.splice(i,1)
			},
			useit(i){
				var id = this.list[i].id
				var param = {
					id:id
				}
				var that = this
				this.$http.post(this.$url + '/knowledge/use', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
						 sessionStorage.setItem("open",true)	
						 sessionStorage.setItem("fname", response.data.msg)
							that.resetSetItem('rou',1);
							// that.$router.back();
							if(that.to == 'list'){
								that.$router.push('/list')
							}else if(that.to == 'callLog'){
								that.$router.push('/callLog')
							}else if(that.to == 'searchorder'){
								that.$router.push('/searchorder')
							}  else{
								that.$router.push('/workorder')
							}
							
						})
						.catch(function(error) {
							
							that.$Toast('网络拥堵，刷新一下');
						});
			
			},
			backwork(){
					this.resetSetItem('rou',1);
				 // this.$route.params.open = "true";
				 sessionStorage.setItem("open",true)
				 // this.$router.push('/list')
				 if(this.to == 'list'){
				 	this.$router.push('/list')
				 }else if(this.to == 'callLog'){
				 	this.$router.push('/callLog')
				 }else if(this.to == 'searchorder'){
				 	this.$router.push('/searchorder')
				 }  else{
				 	this.$router.push('/workorder')
				 }
			},
			all(){
				this.pid='';
				this.word='';
				this.naes='';
				this.ztree_obj.cancelSelectedNode();
				this.ztree_obj3.cancelSelectedNode();
				this.getlist()
			},
			handleSizeChange(val) {
		       console.log(`每页 ${val} 条`);
							this.limit = val
							this.getlist(this.parentId)
		     },
		     handleCurrentChange(val) {
		       console.log(`当前页: ${val}`);
							this.page = val
							this.getlist(this.parentId)
		     },
			 // 科室树状图选择
			 choseroom3(data, node, treeNode) {
			  	this.treeClickCount3++;
			  	if (this.treeClickCount3 >= 2) {
			  		return;
			  	}
			  	this.timer = window.setTimeout(() => {
			  		if (this.treeClickCount3 == 1) {
			  			this.treeClickCount3 = 0;
			  						console.log('单击事件,可在此处理对应逻辑')
			  							this.pid = treeNode.id
										this.page=1
			 							this.getlist()
			  					} else if (this.treeClickCount3 > 1) {
			  						this.treeClickCount3 = 0;
						this.ztree_obj3.cancelSelectedNode();
			  			console.log('双击事件,可在此处理对应逻辑')
			  		}
			  	}, 300);
			 },
			 // 科室树状图选择
			choseroom(data, node, treeNode) {
			 	this.treeClickCount++;
			 	if (this.treeClickCount >= 2) {
			 		return;
			 	}
			 	this.timer = window.setTimeout(() => {
			 		if (this.treeClickCount == 1) {
			 			this.treeClickCount = 0;
			 						console.log('单击事件,可在此处理对应逻辑')
			 							this.pid = treeNode.id
										this.page=1
										this.getlist()
			 					} else if (this.treeClickCount > 1) {
			 						this.treeClickCount = 0;
						this.ztree_obj.cancelSelectedNode();
						this.ztree_obj3.cancelSelectedNode();
			 						console.log('双击事件,可在此处理对应逻辑')
			 					}
			 				}, 300);
			 			},
			// 获取科室
			getrooms() {
				var that = this
				this.$http.get(this.$url + '/fault/type/tree?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes = response.data.data
						that.ztree_obj = $.fn.zTree.init($("#treeDemo2"), that.setting, that.zNodes);
						that.ztree_obj3 = $.fn.zTree.init($("#treeDemo3"), that.setting, that.zNodes);
						that.ztree_obj4 = $.fn.zTree.init($("#treeDemo4"), that.setting4, that.zNodes);
						// that.ztree_obj.expandAll(true)
						that.showloading = false
						 var  nodes = that.ztree_obj.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj.expandNode(nodes[i],  true ,  false ,  true );
						}
						var  nodes3 = that.ztree_obj3.getNodes();
						for  ( var  i = 0; i < nodes3.length; i++) {  //设置节点展开
						    that.ztree_obj3.expandNode(nodes3[i],  true ,  false ,  true );
						}
						var  nodes4 = that.ztree_obj4.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj4.expandNode(nodes4[i],  true ,  false ,  true );
						}
						
					})
					.catch(function(error) {
						console.log(error);
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getenrlist() {				
				var that = this
				
				this.$http.post(this.$url + '/group/listAll')
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.enrlist = response.data.data
							
						})
						.catch(function(error) {
							
							that.$Toast('网络拥堵，刷新一下');
						});
			
			},
			getlist() {
				this.showloading = true
				var that = this
				// var url = encodeURI(this.$url + '/group/select?page='+this.page+'&limit='+this.limit+'&name='+this.word)
				var param = {
					page:this.page,
					limit:this.limit,
					stateId:3,
					faultDescription:this.naes,
					faultTypeId:this.pid,
					createId:""
				}
				
				this.$http.post(this.$url + '/knowledge/select', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							that.list = response.data.data
							that.inglen = response.data.count
							if (that.inglen > that.limit) {
								that.num = Math.ceil(that.inglen / that.limit)
							} else {
								that.num = 1
							}
							that.showloading = false
						})
						.catch(function(error) {
							
							that.$Toast('网络拥堵，刷新一下');
						});

			},
		},

		computed: {},
	}
</script>
<style lang='less' scoped>
	.search_inp {
		margin-bottom: 0;
	}

	.nums {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item::before {
		content: "文本" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
		content: "标题1" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
		content: "标题2" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
		content: "标题3" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
		content: "标题4" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
		content: "标题5" !important;
	}

	/deep/.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
	/deep/.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
		content: "标题6" !important;
	}

	/deep/.ql-snow .ql-picker.ql-font .ql-picker-label::before,
	/deep/.ql-snow .ql-picker.ql-font .ql-picker-item::before {
		content: "标准字体" !important;
	}

	/deep/.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
	/deep/.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
		content: "衬线字体" !important;
	}

	/deep/.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
	/deep/.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
		content: "等宽字体" !important;
	}

	/deep/.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
		border-color: #ccc;
		max-height: 200px !important;
		overflow: auto;
	}

	.treelist .li {
		border-bottom: 1px solid #f3f3f3;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.treelist .li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.modal-header.tit {
		font-size: 20px;
		color: #000;
		font-weight: normal;
	}

	label {
		font-weight: normal;
	}

	.alert_mains textarea {
		height: 56px;
		width: 100%;
	}

	.pl-160 {
		padding-left: 80px;
	}

	.alert_mains {
		padding: 30px 130px;
	}

	.modal-header.tit {
		border-bottom: 1px solid #e5e5e5;
	}

	.alert_main {
		display: flex;
		justify-content: space-between;
	}

	.lis:hover {
		background: #ddd;
	}

	.modal {
		position: absolute;
	}

	.modal-dialog {
		height: 97%;
	}

	.modal-header {
		position: sticky;
		top: 0;
		z-index: 50;
	}

	.modal-content {
		/* width: 85%; */
		margin: 0 auto;
		max-height: 100%;
		/* height: 65vh; */
		/* overflow-y: scroll; */
	}

	.cent {
		width: 100%;
		align-items: center;
	}

	/deep/ .el-pagination__total {
		height: 33px !important;
		line-height: 33px !important;
	}

	/deep/ .el-input--mini .el-input__inner {
		height: 33px;
	}

	/deep/.el-pagination__editor.el-input .el-input__inner {
		height: 33px;
	}



	/deep/ .el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	/deep/ .el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	/deep/ .el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}


	.li_bto {
		color: #aaa;
		font-size: 14px;
	}

	.li_info {
		color: #666666;
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		margin-bottom: 5px;
	}

	.li_title {
		display: flex;
		align-items: center;
		margin-bottom: 10px;

	}

	.li_title div {
		color: #4286F5;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		font-size: 18px;
	}

	.li_title span {
		width: 36px;
		height: 20px;
		border-radius: 3px;
		border: 1px solid #EC6941;
		font-size: 12px;
		font-family: SimSun-, SimSun;
		font-weight: normal;
		color: #EC6941;
		margin-right: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 5px;
		cursor: pointer;
	}

	.lis {
		padding: 20px 10px 13px;
		border-bottom: 1px solid #ddd;
		cursor: pointer;
	}

	.list {
		padding: 10px 30px;
		max-height: 100%;
		overflow-y: scroll;
	}

	.alert_main .list {

		max-height: calc(100% - 100px);
		overflow-y: scroll;
	}

	.all_type img {
		width: 16px;
		margin-right: 3px;
	}

	.all_type {
		font-size: 14px;
		font-family: MicrosoftYaHei-, MicrosoftYaHei;
		font-weight: normal;
		color: #32B16C;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.re_left {
		width: 100%;
		height: calc(100vh - 127px);
	}

	.re_main {
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	.re_tree {
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.re_right {
		width: 250px;
		height: calc(100vh - 129px);
		/* border-left: 1px solid #E5E5E5; */
		border-left: 1px solid #ddd;
	}

	.re_right_top {
		white-space: nowrap;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 53px;
		padding-left: 15px;
		padding-right: 10px;
		/* background: linear-gradient(360deg, #F2F2F2 0%, #FFFFFF 100%); */
		background: linear-gradient(360deg, #ddd 0%, #FFFFFF 100%);
		font-size: 16px;
		font-family: MicrosoftYaHei-, MicrosoftYaHei;
		font-weight: normal;
		color: #000000;
	}


	.addre_btn {
		width: 137px;
		background: #32B16C;
		color: #fff;
	}

	.sear_btns {
		margin-left: 10px;
	}

	.re_top_right {
		display: flex;
		align-items: center;
	}

	.re_top_right input {
		width: 254px;
	}

	.re_top_left span {
		color: #4286F5;
		margin-right: 8px;
	}

	.re_top_left {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-family: MicrosoftYaHei-, MicrosoftYaHei;
		font-weight: normal;
		color: #888888;
	}

	.re_top {
		height: 53px;
		background: #F5F5F5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30px;
	}
</style>
